<template>
  <div>
      <v-chart :options='polar'></v-chart>
  </div>
</template>

<script>
// import 'echarts/lib/chart/line'
// import 'echarts/lib/component/polar'
export default {
    data(){
        let data = []
        for (let i = 0; i <= 360; i++) {
            let t = i / 180 * Math.PI
            let r = Math.sin(2 * t) * Math.cos(2 * t)
            data.push([r, i])
        }
        return {
            polar: {
                title: {
                text: '极坐标双数值轴'
                },
                legend: {
                data: ['line']
                },
                polar: {
                center: ['50%', '54%']
                },
                tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross'
                }
                },
                angleAxis: {
                type: 'value',
                startAngle: 0
                },
                radiusAxis: {
                min: 0
                },
                series: [
                {
                    coordinateSystem: 'polar',
                    name: 'line',
                    type: 'line',
                    showSymbol: false,
                    data: data
                }
                ],
                animationDuration: 2000
            }
        }
    }
}
</script>

<style>

</style>